<template>
    <div class="search">
        <input class="search-input" type="text" placeholder="输入城市名或拼音">
    </div>
</template>
<script>
export default {
    name: 'CitySearch'
}
</script>
<style scoped>
.search {
    height: 36px;
    background: #00bcd4;
    padding: 0 3px;
}
.search-input {
    box-sizing: border-box;
    width: 100%;
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: #666;
    border-radius: 4px; 
    padding: 0 3px;
}
</style>